<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
      一、获取用户信息
      request.js  拦截器中统一携带 token
      多个组件都需要控制用户信息修改，信息存储在vuex中，在actions内
      进行请求 请求用户信息api
      登录成功后(手机号Login.vue，扫码Topbar.vue）：调用actions内方法 
      手动删除token时，需要初始化用户信息。  Topbar.vue 
      刷新时，vuex数据会还原的问题。重新请求数据加载 Topbar.vue  
      二、 首页home
      布局（理解实现思路,学习）
      List,Title

      请求热门和精品 ，传递给子组件 props：['arr']

      三、 解决路由重复点击问题
      统一catch()
      修改prototype的push方法。

      四、 详情页
      4.1 Detail.vue  配置路由 /details
      4.2 List.vue 点击跳转到 Details.vue 
          this.$router.push(`/details?id=${id}`)
      4.3 Detail.vue 接收参数
          this.$route.query.id
          根据id请求后台数据，拿到数据渲染到页面中 （你还可以购买）
      4.4 你还可以购买 -- 点击切换产品
         this.$router.push(`/details?id=${id}`)
         如果只是参数变化，组件不会重载，不会执行created的查询方法
         解决：
         将查询的方法封装成一个函数，点击时重新调用该函数请求后台数据。

    现在在说什么？为什么要？怎么做？    

    -->
</body>

</html>